<!--
 * @Description: 
 * @Author: 赵升华
 * @Date: 2019-09-02 09:15:06
 * @LastEditors: 赵升华
 * @LastEditTime: 2019-09-02 10:15:27
 -->
<template>
  <div class="newHelperBox">
    <div class="itemBox" @click="toGuide">
      <img src="https://www.bigzhuan.com/img/newer.jpg" alt="">
      {{text1}}
    </div>
    <Line1 style="margin-top:.5rem"></Line1>
    <div class="itemBox" @click="toHelper">
      <img src="https://www.bigzhuan.com/img/helper.jpg" alt="">
      {{text2}}
    </div>
  </div>
</template>
<script>
import {Grid, GridItem} from 'vux'
import Line1 from '../../../component/common/Line'

export default {
  data(){
    return {
      text1:'新手指南',
      text2:'收益助手'
    }
  },
  components:{
    Grid,
    GridItem,
    Line1
  },
  methods:{
    toHelper(){
      this.$router.push('/helper')
    },
    toGuide(){
      this.$router.push('/guide')
    }
  }
}
</script>
<style lang="less" scoped>
  .newHelperBox{
    width: 9.2rem;
    height: 1.866667rem;
    display: flex;
    flex-direction: row;
    box-shadow:2px 2px 10px #aaa;
    background-color: #fff;
    position: relative;
    .itemBox{
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .4rem;
      img{
        width: 0.8rem;
        height: 0.8rem;
        margin-right: .4rem
      }
    }
  }
</style>
